*{
    margin:0;
    padding:0;
}
ul li{
    list-style:none;
}
a{
    text-decoration:none;
}
#box {
    height: 4558px;
    width: 100%;
   margin:0 auto;
}
html body {
    font: 12px/1.5tahoma, arial, \5b8b\4f53; 
}
#header1{
    background-image: linear-gradient( rgba(6, 3, 4, 0.88),rgb(52, 52, 56));
     width:auto;
     height:35px;
}
#header-1-left,#header-1-right{
    float: left;
}
#header-1-right{
    width: 250px;
    height: 50px;
    margin-left: 150px;
}
#header-1-right-ul,#header-1-left-ul{
    height:35px;
   color:#808080; /**/
}

#header-1-right-ul{ 
    float:right;
    width:250px;
    margin-left:0px;
}

 #header-1-left-ul{ 
    float:left;
    width:800px;
     font-size:13px;
}
 .header-1-left-li,.header-1-right-li{
    margin-right: 30px;
     cursor: pointer;
     float:left;
    line-height:30px;
    color:antiquewhite;
     transition:all 1.5s  cubic-bezier(0.075, 0.82, 0.165, 1);
   }
  .header-1-left-li:nth-child(1){
       margin-left: 100px;
   }


   .header-1-left-li:hover,.header-1-right-li:hover{
    color: #9694e0;
 }
#header-1-left{
   width:800px;
   height:50px;
}
   #header-2-ul-left{
       background-image:url('img/xiaomi_logo.png');
    }
    #header2{
        clear: left;
        width: 1202px;
        height:136px;
        margin:0 auto;
    }
div#find-wrap input{
    width:245px;
    height:48px;
    outline: none;
    border: 1px solid #efedeb;
}

 #header-2-ul-mid{
    margin-left:130px; /**/
       padding-bottom:15px;
       
 }
 .header-2-li{
  margin-top:10px;  /**/ 
    margin-right:25px; /**/
     float:left;
      color:black;
      height: 100px;
 }
 #header-2-ul-mid li{
   /* border:1.5px solid white;   */
     padding:21px 0px;
     cursor: pointer;
 }
 .header-2-mid-li.header-2-li{
     transition: all 0.5s ease;
 }
 .header-2-mid-li.header-2-li:hover{
     color: #9694e0;
 }
 #header-2-ul-left{
     width:50px;
      height:50px;
      margin-top:28px;
      background-image:url('img/xiaomi_logo.png');/**/
      border:1px solid black;
}
 #text{
     margin-top:28px;
 }
 #go{
     float:right;
     width:48px;
     height:48px;
     border:1px solid #efedeb;
     text-align:center;
     font-size:25px;
     font-weight:800;
     cursor:pointer;
     line-height: 48px;
     transition: all 0.5s ease;
 }
 #go:hover{
     background-color:orange;
   }
 #go:hover{
    color:white;
 }
 #find-wrap{
   width:298px;  
     height:48px;
     margin-top: 18px;
 }
 #header2hidden{
     position: absolute;
     width: 100%;
     height: 250px;
     z-index:-4;
 }
 #header2hidden .hiddenbox-content:nth-child(1){
     background-image:url('img/mi4!160x110.jpg'); 
 }
 #header2hidden .hiddenbox-content:nth-child(2){
    background-image:url('img/minote!160x110.jpg'); 
}
#header2hidden .hiddenbox-content:nth-child(3){
    background-image:url('img/minotepro!160x110.jpg'); 
}
#header2hidden .hiddenbox-content:nth-child(4){
    background-image:url('img/hongmi2a!160x110.jpg'); 
}
#header2hidden .hiddenbox-content:nth-child(5){
    background-image:url('img/hongmi2!160x110.jpg'); 
}
#header2hidden .hiddenbox-content:nth-child(6){
    background-image:url('img/note!160x110.jpg'); 
}
#header2hidden .hiddenbox-content:nth-child(7){
    background-image:url('img/note2!160x110.jpg'); 
}
#header2hidden .hiddenbox-content:nth-child(8){
    background-image:url('img/mipad16!160x110.jpg'); 
}
#header2hidden .hiddenbox-content:nth-child(9){
    background-image:url('img/mipad64!160x110.jpg'); 
}
#header2hidden .hiddenbox-content:nth-child(10){
    background-image:url('img/mitv40!160x110.jpg'); 
}
#header2hidden .hiddenbox-content:nth-child(11){
    background-image:url('img/mitv48!160x110.jpg'); 
}
#header2hidden .hiddenbox-content:nth-child(12){
    background-image:url('img/mitv49!160x110.jpg'); 
}
#header2hidden .hiddenbox-content:nth-child(13){
    background-image:url('img/mitv55!160x110.jpg'); 
}
#header2hidden .hiddenbox-content:nth-child(14){
    background-image:url('img/hezimini!160x110.jpg'); 
}
#header2hidden .hiddenbox-content:nth-child(15){
    background-image:url('img/hezis!160x110.jpg'); 
}
#header2hidden .hiddenbox-content:nth-child(16){
    background-image:url('img/miwifi!160x110.jpg'); 
}
#header2hidden .hiddenbox-content:nth-child(17){
    background-image:url('img/miwifimini!160x110.jpg'); 
}
#header2hidden .hiddenbox-content:nth-child(18){
    background-image:url('img/miwifilite!160x110.jpg'); 
}
#header2hidden .hiddenbox-content:nth-child(19){
    background-image:url('img/wifiExtension!160x110.jpg'); 
}
#header2hidden .hiddenbox-content:nth-child(20){
    background-image:url('img/scale!160x110.jpg'); 
}
#header2hidden .hiddenbox-content:nth-child(21){
    background-image:url('img/xiaoyi!160x110.jpg'); 
}
#header2hidden .hiddenbox-content:nth-child(22){
    background-image:url('img/yicamera!160x110.jpg'); 
}
#header2hidden .hiddenbox-content:nth-child(23){
    background-image:url('img/ihealth!160x110.jpg'); 
}
#header2hidden .hiddenbox-content:nth-child(24){
    background-image:url('img/chazuo!160x110.jpg'); 
}
#header2hidden .hiddenbox-content:nth-child(25){
    background-image:url('img/smart!160x110.jpg'); 
}
 .hiddenbox{ 
     position: absolute;
     border:1px solid #c7c4c4;
     width:100%;
     height:250px;
     opacity: 0;
     background-color:white;
     font-size:12px;
     transition:all 0.35s  cubic-bezier(0.67, 0.47, 0.68, 0.08);
}
 .hiddenbox-content{
     width:160px;
     height:110px;
     float:left;
     border-right:1px solid #c7c4c4;
     background-repeat:no-repeat;
     margin-top:25px;
     margin-right:30px;
     padding-right:30px;
     
 }
 .hidden-p-content{
     margin-top:140px;
     margin-left:55px;
    line-height:27px;

 }
 #mainbody{
    position: relative;
 }
 #mainbody-1{
     margin:50px auto;
     width:1200px;
     height:450px;
    border:1px solid gray;/* background-color:yellow;*/
    
    margin-top:-20px;
 }

 #mainbody-1 a{
     color:black;
 }
#mainbody-1-left{
    width:240px;
    height:450px;
    /* border:1px solid yellow;*/
     float:left;
     background:rgba(0,0,0,0.8);
      margin-left:0px;
    
      font-size:14px;
}
#mainbody-1-left-ul,#mainbody-1-left-ul a{
    color:rgb(255,255,255);
}
.mainbody-1-left-li{
    margin-bottom:10px;
    width:240px;
    height:30px;/**/
   /* border:1px solid black;*/
   line-height: 30px;
    padding-left:10px;
   cursor: pointer;
   transition:all 0.5s ease;
}
.mainbody-1-left-li:hover{
    background-color:orange;
}
.mainbody-1-left-li-0{
    margin-top:25px;
}
#btn{
   margin-top:70px;
   margin-top:-275px;
}
.dir{
  color:white;
 font-size:40px;
  background:rgba(0,0,0,0.5);
    text-align:center;
   width:50px;
   height:70px;
 border:1px solid  black;
 display:inline-block;
 padding-top:0px;
}

.i {
   display:inline-block;
   /*margin-right:30px;                  why*/ 
   
}
#forward {
    margin-top:-275px;
   margin-left:240px;
   float:left;
}
#next{
   margin-left:500px;
    float:right;
   /* background-color: red;*/
}
#mainbody2,#mainbody3{
   width:1202px;
   margin:20px auto;
}

.mainbody-1-hidden-box{
   position:absolute;
   width:800px;
   height:452px;
   /*border:1px solid #0300ff;*/
   padding-top:3px;
   margin-left:240px;
   opacity: 0;
     background-color: white;
     margin-top:-451px;
     border: 1px solid #d0c9c9;
     transition: all 0.4s ease;
     display: none;
}
#mainbody-1 .mainbody-1-hidden-box:nth-child(3){
    width:800px;
}
/* .mainbody-1-hidden-box:nth-child(4),
.mainbody-1-hidden-box:nth-child(5),
.mainbody-1-hidden-box:nth-child(6),
.mainbody-1-hidden-box:nth-child(7),
.mainbody-1-hidden-box:nth-child(8),
.mainbody-1-hidden-box:nth-child(10){
    width:300px;
} */

.mainbody2inner{
   border:1px solid #fafafa;
   float:left;
   width:280px;
   height:170px;
   margin-right:18px;
}
#mainbody21{
   /*margin-left:350px;*/
}
#mainbody22{
   background-image:url("img/T184E_BQWT1RXrhCrK.jpg");
}
 #mainbody23{
   background-image:url("img/T1yvd_BQDT1RXrhCrK.jpg");
}
   #mainbody24{
   background-image:url("img/T1mahQBmKT1RXrhCrK.jpg");
}
   /*第一列图片*/
.by1hiddenin{
 /* border:1px solid #808080;*/
  width:170px;
  height:50px;
 margin-bottom:22px;
 margin-top:17px;
}
/*第3列图片 第四列选购*/
#mainbd1hidden1in3lie,#mainbd1hidden1in4lie {
  float:left;
  margin-top:-451px;/**/
  margin-left:300px;
}
#mainbd1hidden1in4lie {
  margin-top:-448px;/**/
}
/*all图片*/
.pic{
 display:inline-block;
/* border:1px solid #808080;*/
 width:220px;
 height:50px;
/*  margin-bottom:-40px; 
line-height:30px;*/
background-repeat:no-repeat;
}
/*all选购*/
.xuangou{
 display:inline-block;  
 border:2px solid orange;
 width:70px;
 height:28px;/**/
margin-left:220px; 
/*margin-top:-1000px;  
margin-top:40px;
margin-top:7px;
padding:4px 15px;*/
text-align:center;
padding-top:5px;
margin-top:5px;
color:orange;
font-size:14px;
}
.xuangou:hover{
  background-color:orange;
  color:white;
}
.word{
     display:inline-block;
      margin-left:70px;
      margin-top:10px;
      font-size:14px;            }
#mainbody21{
   background-color:#272626;
}
.mb2inbox{
   border:1px solid  #c7c4c4;
   width:78px;
   height:78px;
   font-size:14px;
   color:white;
   text-align:center;
}
.line1{
   margin-top:15px;
   margin-bottom:5px;
}
.mb2inboxline1{
   float:left;
   margin-top:2px;
   margin-bottom:5px;
   margin-left:10px;

}
#mainbody3{
   margin-top:280px;
    text-align:center;
    font-size:11px;
    height:350px;
    width: 1150px;
    margin-bottom: 140px;
}
#mainbodyer{
   display:none;
}
.mainbody-3-show,.mainbody-3-hide{
    width: 1150px;
   position:absolute;
   height:261px;
   margin-top:50px;
   opacity: 0;
   transition: all 1.5s ease;
}
.mainbody-3{
    margin-top: 70px;
}
.mainbody-3-show{
    opacity: 1;
}
#mainbody3 h2{
    width: 200px;
    font-size:28px;
    text-align:left;
    margin-bottom:10px;
    /* margin-top:-40px; */
    float: left;
}
.btns-wrap{
    float: right;
    margin: 20px auto;
    width: 68px;
    height: 30px;
}
#mainbody3 a,#mainbody4 a{
 color:black;
}

.mb2inboxline2{
   margin-left:10px;
   float:left;
   margin-bottom:3px;
}
.mainbody3inner{
   
   background-color:#ebe9e9;/**/
}
.photo{
    width: 150px;
    height: 160px;
 cursor: pointer;
 margin: 0 auto;
}
.sluline{
   margin:0px auto;
   margin-top:15px;
}
.sluline1{
   margin-top:20px;
   margin-bottom:15px;
    font-size:14px; 
}
.sluline2{
   color:#808080;
   margin-top:-15px;
   cursor: pointer;
   font-size:11px;
}
.mainbody3inner,.mainbody4inner{
    box-shadow: 1px 1px 10px 1px #efedeb;
   float:left;
   width:220px;
   height:280px;
   margin-right:10px;
   text-align:center;
   background-color:#fafafa;
   transition: all 0.5s ease;
}
#mainbody4 .mainbody4inner{
    background-color:#fff;
}
.mainbody4inner:hover{
    box-shadow: 1px 1px 60px 1px #efedeb;
}
.mainbody-3-show .mainbody3inner:nth-child(1),.mainbody-3-hide .mainbody3inner:nth-child(1){
    border-top:1px solid #6960db;
}
.mainbody-3-show .mainbody3inner:nth-child(2),.mainbody-3-hide .mainbody3inner:nth-child(2){
    border-top:1px solid #188b52;
}
.mainbody-3-show .mainbody3inner:nth-child(3),.mainbody-3-hide .mainbody3inner:nth-child(3){
    border-top:1px solid #b5e019;
}
.mainbody-3-show .mainbody3inner:nth-child(4),.mainbody-3-hide .mainbody3inner:nth-child(4){
    border-top:1px solid #7576d3;
}
.mainbody-3-show .mainbody3inner:nth-child(5),.mainbody-3-hide .mainbody3inner:nth-child(5){
    border-top:1px solid #eb6e6e;
}


#mainbody4{
width:1202px;
margin:0px auto;
margin-top:0px;
height:700px;
}
#mainbody4>h2{
    font-size:28px;text-align:left;margin-top:0px;margin-bottom:10px;
}
.mainbody4-right-part{
    width:922px;
    height:280px; 
}
.mainbody4-right-part:nth-child(1){
    margin-bottom: 38px;
}
#mainbody4-left,#mainbody4-right{
    float:left;
}
#mainbody4-right{
    margin-left: 50px;
    width: 922px;
    height: 600px;
}
#mainbody4-left{
width:220px;
height:600px;
background: url('img/T1IhLjBC_T1RXrhCrK.jpg') no-repeat;
background-size: 100% 100%;
box-shadow: 1px 1px 10px 1px #efedeb;
}
#mainbody4-right p  .sluline2 a {
 color:#808080;
 font-size:8px;
}
.photo img{
    width: 150px;
    height: 160px;
    cursor: pointer;
}


.sluline3{
 color:red;
 margin-top:10px;color:red;
}
#footer{
 width:1202px;
 height:450px;
 margin:10px auto;
}
.footerli{
 float:left;
 margin-right:40px;
}

#footerul{
/*margin:50px auto;*/
 padding:50px 100px;
 /*
 margin-left:360px;*/
 color:gray;
 font-size:17px;
 border-bottom: 1px solid gray;
/* margin-right: 430px;
 padding-left:90px;*/
}
#footerul a{
 color:gray;
}
.fh{
 margin-left:40px;
}
#footerline2{
 width:auto;
 height:190px;
 margin-top:30px;
/* margin-top:100px;*/
}
.lieinner{
 /*border: 1px solid yellow;*/
 line-height:35px;
 text-align: center;
}
.footerlie{
 float:left;
 width:150px;
 height:200px;
 /*border :1px solid red;*/
 margin-right:20px;
 margin-top:10px;
 
}
#fline2lie1{
margin-left:110px;
}
.lieinner1{
 margin-bottom:20px;
 font-size:15px;
}
.colorgray a{
 color:gray;
 font-size: 13px;
}
#footerline2r{
 float: left;
 margin-top:30px;
 margin-left:40px;
 border-left:1px solid gray;
 padding-left:100px;
}
.fontsmall{
 font-size:13px;
}
#ftline2rp4{
 border:1px solid orange;
 margin-top:10px;
 color:orange;
 width:125px;
 height:25px;
 text-align:center;
 line-height:25px; 
 transition: all 0.5s ease;
 cursor: pointer;
}

#ftline2rp4:hover{
 color:white;
 background-color: orange;
}

#ftline2rp1,#ftline2rp2,#ftline2rp3{
 text-align: center;
}
.xiahuaxian:hover{
 text-decoration: underline;
}
#footerline3{
 margin-top:20px;
 font-size:15px;
 color:gray;
}
#footerline3 td:hover{
 text-decoration:underline;
}
#footerline3 td{
 padding-left:6px;
}
#footerpic{
 float:left;
 width:49px;
 height:49px;
 margin-top:-17px;
 margin-left:0px;
 background-image:url(img/logo-footer.png);
 background-color:orange;
 background-position: center;
}
#backgroundpicwrap{
 margin-top:0px;
 z-index: -1;
}
#backgroundpicwrap,#bgpic{
    width: 1202px;
    margin:0 auto;
    height: 450px;
}
#backgroundpicwrap img{
    width: 1202px;
    height: 450px;
    margin: 0 auto;
    z-index: -2;
    position: absolute;
    opacity: 1;
    margin-left: -240px;
    transition: all 0.5s ease;
}  /**/
#backgroundpicwrap:first-child{
    opacity: 1;
}
.glyphicon{
       /* text-align: center; */
       display: inline-block;
       width: 30px;
       border-radius: 50%;
       height: 30px;
       margin-right: 2px;
       background-image: linear-gradient(#e6e6e6,#e1e1e1);
       color: white;
       line-height: 28px;
       box-shadow: inset 2px 2px 1px 1px rgba(0,0,0,.1);
       cursor: pointer;
       transition:all 0.5s ease;
}
#page-main-wrap{
    width: 100%;
    height: 2308px;
    background: #f5f5f5;
    padding-top: 150px;
    margin-top: 100px;
}
#page-main{
    width: 1226px;
    height: 2008px;
    margin:0px auto;
    
}
#page-main .page-main-part{
    position: relative;
    width: 100%;
    height: 696px;
    margin-top: 20px;
}
.page-main-part .heading{
    width: 100%;
    height: 35px;
    color: #272626;
}
.page-main-part .heading h2{
    font-size: 22px;
    font-weight: 200;
    margin:0;
    padding:0;
}
.page-main-part .heading .choice{
    position:absolute;
    top:0;
    right: 0;
    color: black;
    font-size: 16px;
    font-weight: 200;
}
.page-main-part .heading .choice span{
    display: inline-block;
    width: 85px;
    height: 26px;
    transition: all 0.3s  ease; 
    cursor: pointer;
    text-align: center;
}
.page-main-part .heading .choice span:hover{
    color: #ff6700;
    text-shadow: 1px 1px 10px #ff6700;
    /* border-bottom: 2px solid #ff6700; */
}
.img-wrap,.img-wrap img{
    width: 234px;
    height: 614px;
    transition: all 0.2s linear;
}
.img-wrap:hover{
    box-shadow: 2px 1px 30px 2px rgba(0,0,0,.1);
}
.img-wrap,.content-wrap{
    float: left;
}
.content-wrap{
    width: 978px;
    height: 628px;
}
.content-wrap .content-part{
    position: absolute;
    width: inherit;
    height: inherit;
    opacity: 0;
}
.content-wrap .content-part.part-hot{
    opacity: 1;
    z-index: 5;
}
.content-wrap .content-part .content-part-div-wrap{
    width: 978px;
    height: 300px;
    /* border:1px solid blue; */
}
.content-wrap .content-part .content-part-div-wrap:nth-child(2){
    margin-top: 10px;
}
.content-wrap .content-part .content-part-div-wrap .content-part-div{
    width: 234px;
    height: 300px;
    box-shadow: 1px 1px 10px 1px #efedeb;
    float: left;
    margin-left: 10px;
    cursor: pointer;
    transition: all 0.2s linear;
    background-color: #fff;
}
.content-wrap .content-part .content-part-div-wrap .content-part-div:hover{
    box-shadow: 0px 15px 30px rgba(0,0,0,.1);
}
.content-part-div .item-wrap{
    width: 210px;
    height: 250px;
    margin: 20px auto;
}
.content-part-div .item-wrap .item-img,
.content-part-div .item-wrap .item-img img{
    cursor: pointer;
    width: 150px;
    height: 150px;
    margin:0 auto;
}
.content-part-div .item-wrap .item-img{
    margin-bottom:20px;
}
.content-part-div .item-wrap h5{
    color: #333;
    text-align:center;
}
.content-part-div .item-wrap .desc{
    margin: 0 10px 10px;
    height: 18px;
    font-size: 12px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #b0b0b0;
    text-align:center;
}
.content-part-div .item-wrap .price{
    width: 100%;
    height: 21px;
    color: #ff6700;
    text-align:center;
}
.content-part-div .item-wrap .price del{
    color: #b0b0b0;
    text-align:center;
}
/* 内容 */
#page-main .page-main-part.content{
    width: 100%;
    height: 478px;
}
.page-main-part.content .content-wrap{
    width: 100%;
    height: 420px;
    padding-top: 45px;
}
.page-main-part.content .content-wrap .content-part{
    position: relative;
    width: 296px;
    height: 420px;
    float: left;
    opacity: 1;
    margin-left: 13px;
    background-color: #fff;
    padding-top: 45px;
    box-shadow: 1px 1px 10px 1px #efedeb;
    transition: all 0.5s linear;
    transform: translate3d(0,0,0);
}
.page-main-part.content .content-wrap .content-part:hover{
    box-shadow: 0px 15px 30px rgba(0,0,0,.1);
    transform: translate3d(0,-4px,0);
}
.page-main-part.content .content-wrap .content-part h2{
    margin: 0 10px 18px;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
}
.page-main-part.content .content-wrap .content-part:nth-child(1){
    border-top: 1px solid #ffac13;
    margin-left: 0px;
}
.page-main-part.content .content-wrap .content-part:nth-child(1) h2{
    color: #ffac13;
}
.page-main-part.content .content-wrap .content-part:nth-child(1) .to-more{
    border: 1px solid #ffac13;
    color: #ffac13;
    transition: all 0.4s ease;
}
.page-main-part.content .content-wrap .content-part:nth-child(1) .to-more:hover{
    background-color: #ffac13;
    color:white;
}
.page-main-part.content .content-wrap .content-part:nth-child(2){
    border-top: 1px solid #83c44e;
}
.page-main-part.content .content-wrap .content-part:nth-child(2) h2{
    color: #83c44e;
}
.page-main-part.content .content-wrap .content-part:nth-child(2) .to-more{
    border: 1px solid #83c44e;
    color: #83c44e;
    transition: all 0.4s ease;
}
.page-main-part.content .content-wrap .content-part:nth-child(2) .to-more:hover{
    background-color: #83c44e;
    color:white;
}
.page-main-part.content .content-wrap .content-part:nth-child(3){
    border-top: 1px solid #e53935;
}
.page-main-part.content .content-wrap .content-part:nth-child(3) h2{
    color: #e53935;
}
.page-main-part.content .content-wrap .content-part:nth-child(3) .to-more{
    border: 1px solid #e53935;
    color: #e53935;
    transition: all 0.4s ease;
}
.page-main-part.content .content-wrap .content-part:nth-child(3) .to-more:hover{
    background-color: #e53935;
    color:white;
}
.page-main-part.content .content-wrap .content-part:nth-child(4){
    border-top: 1px solid #ffac13;
}
.page-main-part.content .content-wrap .content-part:nth-child(4) h2{
    color: #2196f3;
}
.page-main-part.content .content-wrap .content-part:nth-child(4) .to-more{
    border: 1px solid #2196f3;
    color: #2196f3;
    transition: all 0.4s ease;
}
.page-main-part.content .content-wrap .content-part:nth-child(4) .to-more:hover{
    background-color: #2196f3;
    color:white;
}
.page-main-part.content .content-wrap .content-part .carousel-wrapper{
    width: 296px;
    height: 290px;
    cursor: pointer;
}
.page-main-part.content .content-wrap .content-part .carousel-wrapper .carousel-ul{
    transition: margin-left 0.7s ease;
}
.page-main-part.content  .content-part .carousel-wrapper .carousel-li h2{
    font-size: 20px;
    font-weight: 400;
    line-height: 1.25;
    cursor: pointer;
    color: #272626;
}
.page-main-part.content  .content-part .carousel-wrapper .carousel-li .desc{
    margin: 0 48px 10px;
    height: 40px;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    overflow: hidden;
    color: #b0b0b0;
}
.page-main-part.content  .content-part .carousel-wrapper .carousel-li .price{
    height: 21px;
    margin: 0 10px 15px;
    text-align: center;
    color: #333;
}
.page-main-part.content  .content-part .carousel-wrapper .carousel-li .more-desc{
    color: #b0b0b0;
}
.page-main-part.content  .content-part .carousel-wrapper .carousel-li .to-more{
    width: 118px;
    height: 28px;
    font-size: 12px;
    line-height: 28px;
    padding: 0;
    margin: 0 auto;
    transition: all .4s ease;
    text-align: center;
    cursor: pointer;
    margin: 20px auto;
}
.page-main-part.content  .content-part .carousel-wrapper .carousel-li .img-div{
    width: 216px;
    height: 154px;
    margin: 0 auto;
}
.page-main-part.content  .content-part .carousel-wrapper .carousel-li .img-div img{
    width: 216px;
    height: 154px;
}
.page-main-part.content .content-wrap .content-part .circle-wrapper{
    width: 296px;
    height: 30px;
}
.page-main-part.content .content-wrap .content-part .circle-wrapper ul{
    height: 12px;
    margin: 0 auto;
}
.circle-wrapper .circle-ul li{
    float: left;
    width: 12px;
    height: 12px;
    border: 2px solid #f5f5f5;
    cursor: pointer;
    background-color: #b0b0b0;
    transition:all 0.5s ease;
    border-radius: 50%;
    margin-left: 20px;
}
.circle-wrapper .circle-ul li:nth-child(1){
    margin-left: 0;
    
}
.circle-wrapper .circle-ul li.active{
    border-color: #ff6700;
    background-color: transparent;
    /* background-color: transparent;点击后 */
}
.circle-wrapper .circle-ul li:hover{
    border-color: #ff6700;
    background-color: #ff6700;
    /* background-color: transparent;点击后 */
}
.page-main-part.content .content-wrap .content-part .controls{
    
}
.page-main-part.content .content-wrap .content-part .controls .carousel-controls{
    display: inline-block;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    filter: alpha(opacity=0)\9;
    background-color: transparent;
    color: #fafafa;
    width: 30px;
    height: 30px;
    font-size: 18px;
    line-height: 24px;
    -webkit-transition: all .6s;
    transition: all .6s ease;
}
.page-main-part.content .content-wrap .content-part .controls .carousel-controls.pre{
    left: 0;
}
.page-main-part.content .content-wrap .content-part .controls .carousel-controls .glyphicon{
    padding-left: 7px;
    padding-top: 2px;
}
.page-main-part.content .content-wrap .content-part .controls .carousel-controls .glyphicon:hover{
    background-image: linear-gradient(#948a8a,#9c9898);
}
.page-main-part.content .content-wrap .content-part .controls .carousel-controls.next{
    right: 0;
}
/* .page-main-part.content .content-wrap .content-part:nth-child(1) .img-div{
    background: url(img/book.png);
} */
.content-part .carousel-wrapper{
    width: 296px;
    height: 340px;
    overflow: hidden;
}
.content-part .carousel-wrapper .carousel-ul{
    width: 888px;
    height: 340px;
    /* margin-left: -296px; */
}
.content-part .carousel-wrapper .carousel-ul li{
    width: 296px;
    float: left;
}
.content-part .controls{
    position: absolute;
    width: 100%;
    height: 30px;
    margin-top: -200px;
    opacity: 0;
    -webkit-transition: all .6s;
    transition: all .6s ease;
}
